/**
 * Alternative style for Adminer.
 *
 * Klemens Häckel [http://clickdimension.wordpress.com/]
 *
 * update 2017-03
 * adapted for adminer 4.3.0
 *
 * new remaster based on style for WT-NMP 13.12
 *
 * Created by Miroslav Pokorný [http://fuch.cz].
 * Icons by Yusuke Kamiyamane [http://p.yusukekamiyamane.com/] (some of them were modified).
 * Slightly inspired by themes created by Martin Hořínek and Klemens Häckel.
 *
 */

/*** Fonts ***/
/*
 * @import url(http://fonts.googleapis.com/css?family=Ubuntu:300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono&subset=latin,latin-ext);
*
* */

* {
    /* font-family: 'Ubuntu', sans-serif */
    /* font-family: Verdana;  font name */
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
textarea, pre, code, samp, kbd, var {
    font-family: 'Ubuntu Mono', Consolas, 'Courier New', monospace
}
/*** Icons ***/
/* Error message */
html>/**/body .error {
    background: #FFEEEE url("") no-repeat 0.8em center;
    padding-left: 38px;
}
/* Ok message */
html>/**/body .message, html>/**/body #menu p.message {
    background: #EEFFEE url("") no-repeat scroll 0.8em center; padding-left:38px;
}
/* Sql */
html>/**/body a[href$="sql="] {
    background: transparent url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* DB Dump */
html>/**/body #dump  {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* DB Import */
html>/**/body a[href$="import="] {
    background: transparent url("%0AbWFnZVJlYWR5ccllPAAAAnRJREFUeNqMU72PElEQ/%2B1HWHZhgYPjkiMWxoLkaChMzgoJ0JhwlsTK%0AhsKQmFxjT4ImxL/AxOSKS/wPXAs7Q%2BEHqO0VXElAkc89BA7c3ee8PY5w5xVOMjvvzXszb%2BY3vxUK%0AhQJW8pB0F/8nP0gNvpAvPYvFYvfo6Oj1dDrFfD6HZdno9X7T2oHXq0LXdQQCAQSDAZRKj55KkuTG%0AyScnJ0gkEu7GsizU63VMJhOEwxHMZgznCwc%2Bnw7LtiBKIjSfeqUUkSeo1Wprx2AwQCaTgWmOKeES%0AjHxMcC4UF7opvIVCr9e7ZRgGstms6%2Bz3%2B9jfv4ePn%2BoU6KUgtgq2Xb2SQBCEO6enpy83nY7jYDQa%0AIbylo91u42e7Cb/fT/0H0Ww239OVb5d3BQLjMdnbfFOpVJ5zm8vlEIls4/OXr1D9W9AJOL/uQ5BA%0A5EAeloocxFcuBqRvotHoi3w%2B3y0Wi1gul6A9DOMtzmk9MIfoDroYkZ1Mz/DHWlwFcW9vD6lUau2I%0ARCI4Pj6mJDtQNW3duyPYN2PAE2xKOp12J8F50B2ONyZASVZ6fQqX8r1arb5LJpMHHMTZbLZKZBGR%0AvBgSiH0C0bgGoswvr5C/Wy6XDzaZ%2BIsqMOdTyIoIn18lAHXcz%2BcePHtyaND0Gm6CVquFUCjEwWP8%0ANdM01y93aZTmcgpF8yDEAhBlBk1TQI/YoihiPB5DbjQaiMfjUBRFvvm/Yf8wkR6QeJXEHxcDlcih%0Ax2IxTZZllywej8dtQVJUaOdnEBXBbUHTVEiyyJmqdjqdHYqdCPQJk8ZUVc0wxrZtm0bFmEsyriT8%0AA14yWcbXdN6jCj7QeeevAAMALZ84sPgoxOsAAAAASUVORK5CYII%3D%0A") no-repeat 2px bottom;
    padding-left: 22px;
}

/* Adminer logo */
html>/**/body h1 {
    background: #eee url("%0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5w%2BL8AAAAAXRSTlMAQObYZgAAAAlwSFlz%0AAAALEgAACxIB0t1%2B/AAAAEVJREFUCJljYEAGjIKCAmCGoKKSIFhASFBQEcgFkoJCggyMwsaGQiA1%0AjIaCwoKKQkCGsbGxIEwErJcoBtAcqEWCgiguAADa1AZzThzIfQAAAABJRU5ErkJggg%3D%3D%0A") no-repeat 14px center;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.30) !important;
    font-size: 1em;
    padding: 6px 6px 5px 35px;
    position:fixed;
    width: 100%;
    height: 22px;
}
/* Logout */
html>/**/body input[name="logout"], #logout {
    background: transparent url("") no-repeat 2px bottom;
    border: none;
    cursor: pointer;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 8px;
    text-indent: 8px;
    top: 6px;
    width: 120px;
    position:fixed;
    z-index: 10;
}
/* Alter table */
html>/**/body a[href*="&create="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Create table */
html>/**/body a[href$="&create="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Create new database */
html>/**/body #content a[href*="&database="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Privileges */
html>/**/body #content a[href*="&privileges="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Process list */
html>/**/body #content a[href*="&processlist="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Variables */
html>/**/body #content a[href*="&variables="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Status */
html>/**/body #content a[href*="&status="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Alter database */
html>/**/body #content a[href*="&database="][href*="&db="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Database schema */
html>/**/body #content a[href*="&schema="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Refresh */
html>/**/body #content a[href*="&refresh="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}
/* Show structure */
html>/**/body .links a[href*="&table="] {
    background: url("") no-repeat 2px bottom;
    padding-left: 22px;
}


/* Edit row */
html>/**/body table a[href*="&edit="][href*="&where"] {
    background: url("") no-repeat 5px bottom;
    display: block;
    float: left;
    height: 16px;
    overflow: hidden;
    padding-left: 24px;
}

/* Hide text in automatic selects */
html>/**/body form>table a[href*="&edit="][href*="&where"] {
    width: 0;
}

/* Select data */
html>/**/body #menu li a[href*="&select="], html>/**/body .links a[href*="&select="] {
    background: url("") no-repeat left bottom
}
html>/**/body #menu li a[href*="&select="] {
    clear: left;
    display: block;
    float: left;
    height: 18px;
    margin-right: 5px;
    overflow: hidden;
    padding-left: 16px;
    text-decoration: none;
    width: 0;
}
html>/**/body .links a[href*="&select="] {
    background-position: 2px bottom;
    padding-left: 22px;
}
/* Edit Sql */
html>/**/body #content a[href*="&sql="] {
    background: url("") no-repeat 2px bottom;
    margin-left: 10px;
    padding-left: 22px;
}
/* Inline plus */
html>/**/body #content input[src*="file=plus.gif"] {
    background: url("") no-repeat left center;
    height: 16px;
    overflow: hidden;
    padding-left: 16px;
    width: 0;
}
/* Inline up */
html>/**/body #content input[src*="file=up.gif"] {
    background: url("") no-repeat left center;
    height: 16px;
    overflow: hidden;
    padding-left: 16px;
    width: 0;
}
/* Inline down */
html>/**/body #content input[src*="file=down.gif"] {
    background: url("") no-repeat left center;
    height: 16px;
    overflow: hidden;
    padding-left: 16px;
    width: 0;
}
/* Inline cross */
html>/**/body #content input[src*="file=cross.gif"] {
    background: url("") no-repeat left center;
    height: 16px;
    overflow: hidden;
    padding-left: 16px;
    width: 0;
}
/* Delete */
html>/**/body input[name="delete"], html>/**/body input[name="drop"] {
    background: transparent url("") no-repeat left center;
    border: 0;
    cursor: pointer;
    font-size: .9em;
    padding: 1px 5px 1px 18px;
}
html>/**/body input[name="delete"]:hover, html>/**/body input[name="drop"]:hover {
    background-image: url("");
    color: red;
}
/* New item */
html>/**/body #content p a[href*="&edit="] {
    background: url("") no-repeat scroll 2px bottom; padding-left:22px;
}
/* Create view */
html>/**/body #content a[href*="&view="] {
    background: url("") no-repeat scroll 2px bottom; padding-left:22px;
}
/*** Messages ***/
.error {
    border: red 1px solid
}
.message {
    border: green 1px solid
}
.error, .message {
    margin: 1em 0 0 0
}
/*** Content ***/
#breadcrumb {
    /* background: #fbfbfb;
    border-radius: 2px !important;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.30) !important; */
    background: transparent;
    font-size: 1em;
    margin-left: 0em;
    padding-top: 2px;
    position:fixed;
    z-index: 10;
}
h2 {
    display: none
}
#content {
    margin: 2em 0 0 21em
}
.tabs {
    margin: 12px auto 10px auto
}
#form + p {
    margin: 20px 0
}
/*** Tables ***/
html>/**/body table tbody input[name*="check"] {
    display: block;
    float: left;
}
table {
    border-radius: 2px !important;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.30) !important;
}
thead td, thead th {
    background: #eee;
}
table tbody td:first-child {
    white-space: normal;
}
td, th {
    border-color: #bbb;
    border-width: 0 1px 1px 0;
    font-size: 0.8em;   /* x-small;  font size */
}
#tables a {
    height: 18px;
    line-height: 18px;
}
/*** Links ***/
a:hover {
    color: #3b82ca
}
a, a:visited {
    color: #385a75
}
/*** Sidebar ***/
#h1 {
    color: #222;
    font-style: normal;
}
#menu {
    background-color: #fafafa;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.30) !important;
    margin: 0;
    padding-bottom: 0;
    top: 0;
}
/*** Forms ***/
fieldset {
    border-radius: 1px !important
}
/*** Others ***/
#lang {
    background: transparent;
    font-size: .9em; 
    left: auto;
    right: 120px;
    position:fixed;
    z-index: 10;
    padding-top: 2px;
}


.sqlarea {
    width: 99%
}
.jush-sql {
    padding: 1px 2px
}
p {
    margin: 0.8em 0 0 0
}

#menu form {
    padding-top: 30px;
}

.view {
    background-color: #FFFFAA !important;
}
